<template>
	<view class="tab_box">
		<view class="tab_item" v-for="(item,index) in tabs" :key='index' >
			{{ item.name }}
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props: {
			tabs: { 
				type: Array,
				default:()=>{
					
				}
			}
		},
		methods: {
	
		}
	
	}
</script>

<style lang='scss'>
	.tab_box{
		width: 100%;
		height: 60px;
		line-height: 60px;
		border-bottom: 1px solid #D1D5DA;
		display: flex;
		justify-content: center;
	}
	.tab_box>view{
		flex:1;
		text-align:center;
	}
</style>
